import './style.css';
import { enablePinchZoom } from './lib/main.js';

document.querySelector('#app').innerHTML = `
			<div>
				<a href="https://vite.dev" target="_blank">
					<img src="/vite.svg" class="logo" alt="Vite logo" />
				</a>
				<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
					<img src="/javascript.svg" class="logo vanilla" alt="JavaScript logo" />
				</a>
				<h1>Hello Vite!</h1>
				<div class="card">
					<button id="counter" type="button">测试</button>
				</div>
				<p class="read-the-docs">Click on the Vite logo to learn more</p>
			</div>
`;

enablePinchZoom({ element: document.querySelector('#app'), rebound: true, transition: 600 });
// console.log('scaleController', scaleController);
